<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户预定</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../../css/mui.min.css" rel="stylesheet" />
    <link href="../../css/ipad/reserveSubmit.css" rel="stylesheet" />
    <style>
        @media screen and (max-width: 767px){
            .formBox .formTitle{
                width: 18%;
            }
            .formBox input{
                width: 70%;
            }
        }
        @media screen and (max-width: 321px){
            .formBox .formTitle{
                width: 22%;
            }
            .formBox input{
                width: 62%;
            }
        }
    </style>
</head>
<body>
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<div class="topTitle">
    <img src="../../img/ipad/top.jpg" alt="reserve">
</div>
<div class="formBox">
    <p class="mui-clearfix"><span class="formTitle">姓名</span><input id="name" type="text" placeholder="请输入您的姓名"></p>
    <p class="mui-clearfix"><span class="formTitle">手机号</span><input id="phone" type="number" placeholder="请输入您的联系方式" onchange="this.value=this.value.replace(/\D/g,'')" onkeyup="this.value=this.value.replace(/\D/g,'')"></p>
    <p class="mui-clearfix"><span class="formTitle">预定台数</span><input id="num" type="number" placeholder="请输入预定台数" onchange="this.value=this.value.replace(/\D/g,'')" onkeyup="this.value=this.value.replace(/\D/g,'')"></p>
</div>
<div class="line"><img src="../../img/ipad/line.jpg" alt="line"></div>
<div class="submit">提 交</div>
<script src="../../js/jquery-1.10.1.min.js"></script>
<script src="../../js/mui.min.js"></script>
<script src="../../js/ipad/userReserve.js"></script>
</body>
</html>